export const lineOption = {
  backgroundColor: 'transparent',
  toolbox:{
    show: true,
    feature: {
      dataView: { readOnly: true },
      saveAsImage: {}
    }
  },
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      lineStyle: {
        color: {
          type: 'linear',
          x: 0,
          y: 0,
          x2: 0,
          y2: 1,
          colorStops: [{
            offset: 0,
            color: 'rgba(0, 255, 233,0)'
          }, {
            offset: 0.5,
            color: 'rgba(255, 255, 255,1)',
          }, {
            offset: 1,
            color: 'rgba(0, 255, 233,0)'
          }],
          global: false
        }
      },
    },
  },
  legend:{
    data:[],
    right: "80px",
    top:'5px',
  },
  grid: {
    top: 40,
    right: 10,
    bottom:35,
    left: 50,
  },
  xAxis: {
    type: 'category',
    data: [],
    axisLine: {
      show: true,
      lineStyle: {
        type: 'dotted',
        color: 'rgba(119, 169, 185, 0.25)'
      }
    },

    axisLabel: {
      textStyle: {
        color: '#5A6E90',
      }

    },
    splitLine: {
      show: false
    },
    boundaryGap: false,

  },

  yAxis: {
    type: 'value',
    min: 0,
    // max: 140,
    splitNumber: 4,
    splitLine: {
      show: true,
      lineStyle: {
        type: 'dotted',
        color: 'rgba(119, 169, 185, 0.25)'
      }
    },
    axisLine: {
      show: false,
    },
    axisLabel: {
      margin: 10,
      show: true,
      color: '#5A6E90',
    },
    axisTick: {
      show: true,
    },
  },
  series: []
}
export const barOption = {

  color: ["#62ABFC", "#59CE75", "#02BDD3"],
  toolbox:{
    show: true,
    right:'0px',
    feature: {
      dataView: { readOnly: true },
      saveAsImage: {}
    }
  },
  legend: {
    right: "80px",
    top:'5px',
    data:[]
  },
  tooltip: { trigger: "axis", axisPointer: { type: "shadow" } },
  grid: {
    top: "60px",
    left: "20px",
    right: "20px",
    bottom: "10%",
    containLabel: true,
  },
  xAxis:
    {
      type: "category",
      data: [],


    },

  yAxis: [
    {
      type: "value",
    },
  ],
  series: [],
};
export const columnBarOption = {

  color: ["#176CFF"],
  toolbox:{
    show: true,
    right:'0px',
    feature: {
      dataView: { readOnly: true },
      saveAsImage: {}
    }
  },
  tooltip: { trigger: "axis", axisPointer: { type: "shadow" } },
  grid: {
    top: "60px",
    left: "40px",
    right: "20px",
    bottom: "10%",
    containLabel: true,
  },
  yAxis:
    {
      type: "category",
      data: [],


    },

  xAxis: [
    {
      type: "value",
    },
  ],
  series: [],
};
